<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
	</head>
	<body>
		<div class="login_wraper">
			<div class="container">
				<div class="login_header">
					<img src="img/mologo.jpg" alt="" />
					<h4>小米帐号登录</h4>
				</div>
				<div class="login_main wraper">
					<div class="login_name">
						<input type="text" name="" id="name" value="" placeholder="邮箱/手机号码/小米账号"/>
					</div>
					<div class="login_password">
						<input type="password" name="" id="password" value="" placeholder="密码"/>
					</div>
					<div class="login_btn">
						<input type="button" name="" id="login_btn" value="立即登录" />    
					</div>
					<div class="login_more">
						<span>其他方式登录</span>
						<div class="icon">
							<a href="javascript:void(0)" class="icon_type">
								<i class="btn_icon btn_qq">
								</i>
							</a>
							<a href="javascript:void(0)" class="icon_type">
								<i class="btn_icon btn_sina">
								</i>
							</a>
							<a href="javascript:void(0)" class="icon_type">
								<i class="btn_icon btn_zhi">
								</i>
							</a>
						</div>
					</div>
				</div>
				<div class="login_footer">
					<span><a href="">注册小米账号</a></span><i>|</i>
					<span><a href="">忘记密码</a></span>
				</div>
			</div>
			<div class="footer">
				<ul>
					<li><a href="javascript:void(0)">简体</a>|</li>
				</ul>
				<ul>
					<li><a href="javascript:void(0)">繁体</a>|</li>
				</ul>
				<ul>
					<li><a href="javascript:void(0)">English</a>|</li>
				</ul>
				<ul>
					<li><a href="javascript:void(0)">常见问题</a></li>
				</ul>
				<p>小米公司版权所有-京ICP备10046444- <i></i><a href="javascript:void(0)">京公网安备11010802020134号</a>-京ICP证110507号</p>
			</div>
		</div>
	</body>
</html>
